{itemplate 'public/header'}
<style>
	.combine .header-bar{width: 100%; height: 8rem; background: #000}
	.combine .store{text-align: center; color: #fff}
	.combine .header-bar .store-image{padding: 1rem 0 0.5rem; line-height: 1;}
	.combine .header-bar .store-image img{width: 3rem; height: 3rem; border-radius: 0.2rem; margin: 0 auto}
	.combine .store .store-title{font-size: 0.8rem; font-weight: bold}
	.combine .store .order-status{font-size: 0.6rem}
	.combine .content{margin-top: 8rem}
	.combine .content .order-container{background-color: #fff; font-size: 0.8rem; color: #666}
	.combine .content .order-container .order-item{padding: 0.8rem}
	.combine .content .order-container .order-item .avatar{width: 1rem; height: 1rem; margin: 0.1rem auto}
	.combine .content .order-container .order-item .avatar img{width: 1rem; height: 1rem; border-radius: 100%}
	.combine .content .order-container .order-item .customer{font-size: 0.8rem;}
	.combine .content .order-container .order-item .goods-list{font-size: 0.55rem;}
	.combine .content .order-container .order-item .goods-list .goods-item{padding: 0.1rem 0}
	.combine .content .order-container .order-item .goods-list .num{color: #999; margin-right: 0.4rem}
	.combine .content .order-container .order-item .remark{font-size: 0.45rem; color: #999;}
	.combine .content .order-container .count{padding: 0.8rem; text-align: right; color: #999; font-size: 0.6rem}
	.combine .content .order-container .count .total-price{color: #666; font-weight: bold; margin-left: 0.5rem; font-size: 0.6rem}
</style>
<div class="page combine">
	<header class="header-bar">
		<div class="store">
			<div class="store-image">
				<img src="//fuss10.elemecdn.com/b/53/d67d6cae00b5f95d550b63db9cd91jpeg.jpeg?imageMogr/format/webp/" alt="">
			</div>
			<div class="store-title">
				西安美食
			</div>
			<div class="order-status">
				1号订餐人已取消订单
			</div>
		</div>
	</header>
	<div class="content">
		<div class="order-container">
			<div class="order-item border-1px-b row">
				<div class="col-10">
					<div class="avatar">
					</div>
				</div>
				<div class="col-90">
					<div class="customer">发起一号桌订餐人</div>
					<div class="goods-list">
						<div class="goods-item row">
							<div class="col-60 goods-title">
								蛋炒饭
								<div class="remark"></div>
							</div>
							<div class="col-40 text-right">
								<span class="num">x2</span>
								<span class="price">￥16</span>
							</div>
						</div>
						<div class="goods row">
							<div class="col-60 goods-title">
								鸡丝三鲜米线
								<div class="remark">鸡丝三鲜米线/微辣</div>

							</div>
							<div class="col-40 text-right">
								<span class="num">x2</span>
								<span class="price">￥16</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="order-item border-1px-b row">
				<div class="col-10">
					<div class="avatar"><img src="//fuss10.elemecdn.com/2/fe/da3bca5a1056920cf66e1336d7473jpeg.jpeg?imageMogr/thumbnail/140x140/format/webp/quality/85" alt=""></div>
				</div>
				<div class="col-90">
					<div class="customer">123</div>
					<div class="goods-list">
						<div class="goods-item row">
							<div class="col-60 goods-title">
								蛋炒饭
								<div class="remark"></div>
							</div>
							<div class="col-40 text-right">
								<span class="num">x2</span>
								<span class="price">￥16</span>
							</div>
						</div>
						<div class="goods row">
							<div class="col-60 goods-title">
								鸡丝三鲜米线
								<div class="remark">鸡丝三鲜米线/微辣</div>
							</div>
							<div class="col-40 text-right">
								<span class="num">x2</span>
								<span class="price">￥16</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="order-item border-1px-b row">
				<div class="col-10">
					<div class="avatar"></div>
				</div>
				<div class="col-90">
					<div class="customer">其他费用</div>
					<div class="goods-list">
						<div class="goods-item row">
							<div class="col-60 goods-title">
								餐盒
								<div class="remark"></div>
							</div>
							<div class="col-40 text-right">
								<span class="num">x2</span>
								<span class="price">￥16</span>
							</div>
						</div>
						<div class="goods-item row">
							<div class="col-60 goods-title">
								凉菜+可乐1份
							</div>
							<div class="col-40 text-right">
								<span class="num">x2</span>
								<span class="price">￥16</span>
							</div>
						</div>
						<div class="goods-item row">
							<div class="col-60 goods-title">
								红包折扣
							</div>
							<div class="col-40 text-right">
								<span class="num">x2</span>
								<span class="price">￥16</span>
							</div>
						</div>
						<div class="goods-item row">
							<div class="col-60 goods-title">
								拼车费
							</div>
							<div class="col-40 text-right">
								<span class="num">x2</span>
								<span class="price">￥16</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="count">
				<span class="customer-num">2人</span> , <span class="goods-num">5份</span>商品<span class="total-price">合计 ￥132</span>
			</div>
		</div>
	</div>
</div>
{itemplate 'public/footer'}
